<template>
  <div>
    <div :class="['mask', show ? 'open' : 'close']" @click="close"></div>
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
export default{
  name:'Drawer',
  props:{
    show:{
      type: Boolean,
      default: false,
    },
  },
  setup(props,context) {

    const close = ():void=>{
      context.emit('update:show', false)
    }

    return{
      close,
    }
  }
}
</script>